<template>
	<view class="warp">
		<top-nav title="服务协议"></top-nav>
		<view class="time">
			<view class="date">2020-10-10</view>
			<view class="green" @click="updateFun">更新</view>
		</view>
		<view class="content">
			欢迎你使用腾讯微信软件及服务！<br>
			为使用腾讯微信软件（以下简称“本软件”）及服务，你应当阅读并遵守《腾讯微信软件许可及服务协议》（以下简称“本协议”），以及《腾讯服务协议》。请你务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款，以及开通或使用某项服务的单独协议，并选择接受或不接受。限制、免责条款可能以加粗形式提示你注意。<br>
			除非你已阅读并接受本协议所有条款，否则你无权下载、安装或使用本软件及相关服务。你的下载、安装、使用、获取微信帐号、登录等行为即视为你已阅读并同意上述协议的约束。<br>
			如果你未满18周岁，请在法定监护人的陪同下阅读本协议及上述其他协议，并特别注意未成年人使用条款。特别地，如果你是未满14周岁的儿童，则在完成帐号注册前，还应请你的监护人仔细阅读腾讯公司专门制定的《儿童隐私保护声明》。只有在取得监护人对《儿童隐私保护声明》的同意后，未满14周岁的儿童方可使用微信服务。
		</view>
		<view class="bottom">
			<view class="desc">点击确认即表示本人已阅读并同意服务条款和cookie说明</view>
			<my-button @clickFun="clickFun">确定</my-button>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import topNav from 'components/top-nav/top-vue.vue';
	import button from './components/button.vue'
	export default{
		components:{
			'topNav':topNav,
			'myButton': button
		},
		methods:{
			updateFun(){
				this.$refs.uToast.show({
					title: '更新成功',
					type: 'success',
				})
			},
			clickFun(){
				uni.navigateTo({
				    url: '/pages/login/step3'
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.warp{
		padding: 0 26*2rpx;
		.time{
			font-size:14*2rpx;
			display: flex;
			margin-top:50rpx;
			.green{
				color: #69DA73;
				margin-left:20rpx;
			}
		}
		.content{
			text-align: justify;
			margin:34*2rpx 0 140*2rpx;
		}
		.bottom{
			height:140*2rpx;
			background-color: #202020;
			width: 100%;
			bottom: 0;
			position: fixed;
			left:0;
			.desc{
				font-size:24rpx;
				text-align: center;
				opacity: 0.5;
				margin-bottom:20*2rpx;
			}
		}
	}
</style>
